<!DOCTYPE html>
<html lang="en">
<!--王艳辉-->
<head>
    <meta charset="UTF-8">
    <title>新增班级信息</title>
    <link rel="stylesheet" type="text/css" href="plugin/layui/css/layui.css"/>
    <script src="plugin/layui/layui.js" type="text/javascript" charset="utf-8"></script>

    <script>
        //Demo
        layui.use(['form', 'jquery','table','layer'], function () {
            var form = layui.form;
            var $ = layui.jquery;
            var tables=parent.layui.table;//获取父容器的table
            //alert("调用了查询所有老师");
           // console.info("调用了所有的老师！");
            //执行该方法，渲染前台的下拉框
            //所有的老师信息
            function allteachers() {
                $.ajax({
                    url: '/teacher/getall',   //后台数据地址
                    success: function (data) {
                      //  console.info(data);
                        $.each(data.data, function (index, item) {   //循环后台返回的json数据
                            //new Option方法是新建一个option，第一个参数是需要显示的值，第二个参数是option的value值,然后append到下拉框中。
                            $('#teachers').append(new Option(item.name, item.tcId));
                        })
                        layui.form.render("select"); //更新所有select标签的状态

                    }
                })
            }
            //所有的年级信息
            function allgrades() {
                console.info("调用了所有年级");
                $.ajax({
                    url: '/gradeInfo/getall',   //后台数据地址
                    success: function (res) {
                        console.info(res);
                        $.each(res.data, function (index, item) {   //循环后台返回的json数据
                            //new Option方法是新建一个option，第一个参数是需要显示的值，第二个参数是option的value值,然后append到下拉框中。
                            $('#classnum').append(new Option(item.gradeType, item.gaId));
                        })
                        layui.form.render("select"); //更新所有select标签的状态
                    }
                })
            }

            $(function () { //加载完后执行
                allteachers();
                allgrades();
            })

            //监听表单提交
            form.on('submit(formDemo)', function (data) {

                console.log(data);
                //layer.msg(JSON.stringify(data.field));

                $.post("/teamInfo/add",data.field,function (res) {
                    if (res.message.indexOf("成功")!=-1){
                        //更新父容器表格
                        tables.reload('class-tbl');
                        //修改成功后刷新父界面
                       // window.parent.location.reload();


                    }
                    layer.msg(res.message);

                })

                return false; //不提交
            });

        });

    </script>
</head>
<body>
<!--表单结构-->
<form class="layui-form " action="" style="margin-left: 100px;">
    <div class="layui-form-item layui-col-lg12"  >
        <label class="layui-form-label" >班级名称</label>
        <div class="layui-input-inline" >
            <input type="text" name="tname" required lay-verify="required" placeholder="请输入班级名称" autocomplete="off"
                   class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">班级人数</label>
        <div class="layui-input-inline">
            <input type="text" name="maxnumber" required lay-verify="required" placeholder="输入班级容纳人数" autocomplete="off"
                   class="layui-input">
        </div>
        <div class="layui-form-mid layui-word-aux"></div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">选择年级</label>
        <div class="layui-input-inline">
            <select lay-filter="aassss"  id="classnum" name="gaId" lay-verify="required">
                <option value=""></option>
            </select>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">选择文理科</label>
        <div class="layui-input-block">
            <input type="radio" name="teamType" value="默认" title="默认" checked>
            <input type="radio" name="teamType" value="文科" title="文科">
            <input type="radio" name="teamType" value="理科" title="理科">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">选择班主任</label>
        <div class="layui-input-inline" >
            <select   id="teachers"   name="tmId" lay-verify="required" lay-search="">
                <option value=""></option>
            </select>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-input-block">
            <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
        </div>
    </div>
</form>

</body>
</html>